<h1 class="file-list__title">File list component</h1>

<p class="lead">
    A custom binding has been used to show the file size.
    A separate model object has been used for each file in the list.
</p>

<ul>
    {{#foreach: files}}
    <li>
        {{fileName}} -

        <!-- TODO: Review this and see if Knockout Punches supports a handlebars syntax approach -->
        <!-- TODO:检查一下这个，看看敲除冲头是否支持句柄语法方法 -->
        <span data-bind="fileSize: fileSize"></span>

    </li>
    {{/foreach}}
</ul>


